@use "../mixins/bem" as *;
@use "../mixins/config" as *;
@use "../mixins/function" as *;

@use "./home-banner-content";
@use "./home-banner-feature";
@use "./home-banner-bg-image";
@use "./home-banner-bg-pure";
@use "./home-banner-waves";

@include b(banner) {
  position: relative;

  @include when(full-img) {
    overflow: hidden;
    margin-top: calc(-1 * var(--vp-nav-height));

    @include e(content) {
      height: 100vh;

      &.no-feature {
        padding-bottom: 15vh;
      }
    }
  }

  @include e(content) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    min-height: getCssVar(home-banner-part-min-height);

    &.no-feature {
      padding-bottom: 10vh;
    }
  }
}

/* 全屏图片风格或 body 图片风格时，修改顶部导航栏样式 */
.VPNavBar.home.full-img-nav-bar {
  background-color: transparent !important;

  .VPNavBarTitle .title,
  .VPNavBarMenuLink,
  .VPNavBarMenuGroup .text,
  .VPSocialLink {
    color: #ffffff;

    &.active,
    &:hover {
      color: getCssVar("theme-color");
    }
  }

  .divider {
    display: none;
  }

  .VPNavBarSearch .DocSearch-Button {
    background-color: transparent;

    .vp-icon,
    .DocSearch-Button-Placeholder {
      color: #ffffff;
    }

    .DocSearch-Button-Key {
      color: #ffffff;
      border: none;
      &::after {
        color: #ffffff;
      }
    }
  }

  .VPNavBarTranslations {
    .text {
      color: #ffffff;
    }
  }
}
